.user {
    background-color: #f0f0f0;
}
.width100 {
    width: 100%;
}
*, :after, :before {
    box-sizing: border-box;
    margin: 0;
}
.userBanner {
    position: relative;
    background-size: 100% 100%;
    height: 3.8rem;
}
.userBa, .userBack {
    position: absolute;
    width: 1.6rem;
    left: 0;
    z-index: 12345;
    background-color: hsla(0,0%,100%,.6);
    border-radius: 0 .3rem .3rem 0;
    line-height: .5rem;
}
.userBa {
    top: 10%;
    letter-spacing: 1px;
}
.userBa span {
    width: .14rem;
}
.userBa img, .userBack img {
    width: .26rem;
    float: right;
    margin: .1rem .1rem 0 0;
}
.userBgTit {
    width: 100%;
    height: 2rem;
    position: absolute;
}
.userBgTitImg {
    width: 1.7rem;
    height: 1.7rem;
    background-color: hsla(0,0%,100%,.8);
    border-radius: 50%;
    position: absolute;
    left: 39%;
    top: 33%;
}
.userBgName {
    position: absolute;
    bottom: 24%;
}
.userBgShopping {
    width: 90%;
    height: 1.68rem;
    position: absolute;
    top: 86%;
    left: 5%;
    display: flex;
    justify-content: space-around;
}
.userBgShopping li {
    float: left;
    flex: 1;
    height: 70%;
    border-left: 1px solid #f0f0f0;
    margin: 4% 0 0;
    position: relative;
}
.userBgShopping li .userBgHulImg {
    margin-left: 32%;
    background-size: 100% 100%;
}
.userBgShopping li .userBgHulImg01 {
    width: .5rem;
    height: .42rem;
    background: url(../images/member_shopcart_new.png) no-repeat;
}
.userBgShopping li p {
    margin-top: 3%;
}
.userBgHulTit {
    text-align: center;
    margin-top: 13%;
}
.userBgLun {
    margin-top: 1.3rem;
    height: 1.38rem;
}
.mint-swipe, .mint-swipe-items-wrap {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.mint-swipe, .mint-swipe-items-wrap {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.mint-swipe-item, .mint-swipe-items-wrap, .myswipe img {
    width: 100%;
}
.mint-swipe-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
*, :after, :before {
    box-sizing: border-box;
    margin: 0;
}
.userBg {
    background-color: #fff;
    margin-bottom: .12rem;
    margin-top: .12rem;
}
.userBgN {
    width: 96%;
    margin: 2%;
}
.orderAl, .orderAlll {
    width: 90%;
    margin-left: 5%;
}
.orderAl {
    padding: .2rem 0;
}
.orderAllD img {
    width: .35rem;
}
.orderAllD span {
    margin-left: .2rem;
}
.orderAR img {
    width: .15rem;
    margin-top: .04rem;
    margin-left: .15rem;
}
.userBgHul {
    width: 94%;
    margin-left: 3%;
}
.userBgHul li {
    float: left;
    width: 25%;
    margin: 5% 0;
    border-left: 1px solid #f0f0f0;
}
.userBgHulImg {
    background-size: 100% 100%;
    margin-left: 37%;
    position: relative;
}
.userBgHulImg01 {
    width: .43rem;
    height: .42rem;
    background: url(../images/Pendingpay.6b93cdb.png) no-repeat;
}
.userBgHulNone {
    display: none;
}
.userBgHulNum {
    position: absolute;
    background-color: #009fe8;
    top: -.18rem;
    right: -.3rem;
    text-align: center;
    border-radius: 40%;
    padding: .05rem .13rem;
}
.userBgHulTit {
    text-align: center;
    margin-top: 13%;
}
.userBgHul li {
    float: left;
    width: 25%;
    margin: 5% 0;
    border-left: 1px solid #f0f0f0;
}
.userBgHulImg {
    background-size: 100% 100%;
    margin-left: 37%;
    position: relative;
}
.userBgHulImg02 {
    width: .42rem;
    height: .42rem;
    background: url(../images/Pendingdeli.c2e485c.png) no-repeat;
}
.userBgHulNone {
    display: none;
}
.userBgHulNum {
    position: absolute;
    background-color: #009fe8;
    top: -.18rem;
    right: -.3rem;
    text-align: center;
    border-radius: 40%;
    padding: .05rem .13rem;
}
.userBgHulTit {
    text-align: center;
    margin-top: 13%;
}
.userBgHul li {
    float: left;
    width: 25%;
    margin: 5% 0;
    border-left: 1px solid #f0f0f0;
}
.userBgHulImg {
    background-size: 100% 100%;
    margin-left: 37%;
    position: relative;
}
.userBgHulImg03 {
    width: .5rem;
    height: .42rem;
    background: url(../images/Greceived.fd1ab51.png) no-repeat;
}
.userBgHulNone {
    display: none;
}
.userBgHulNum {
    position: absolute;
    background-color: #009fe8;
    top: -.18rem;
    right: -.3rem;
    text-align: center;
    border-radius: 40%;
    padding: .05rem .13rem;
}
.userBgHulTit {
    text-align: center;
    margin-top: 13%;
}
.userBgHul li {
    float: left;
    width: 25%;
    margin: 5% 0;
    border-left: 1px solid #f0f0f0;
}
.userBgHulImg {
    background-size: 100% 100%;
    margin-left: 37%;
    position: relative;
}
.userBgHulImg04 {
    width: .46rem;
    height: .42rem;
    background: url(../images/Customerser.2f67532.png) no-repeat;
}
.orderAlll {
    padding: .35rem 0;
}
.orderAl, .orderAlll {
    width: 90%;
    margin-left: 5%;
}
.orderAllD span {
    margin-left: .2rem;
}
.orderAR img {
    width: .15rem;
    margin-top: .04rem;
    margin-left: .15rem;
}
.new {
    width: .55rem;
    height: .25rem;
    float: right;
    margin: .04rem;
}
.orderAlll {
    padding: .35rem 0;
}
.orderAl, .orderAlll {
    width: 90%;
    margin-left: 5%;
}
.orderAllD span {
    margin-left: .2rem;
}
.orderAR img {
    width: .15rem;
    margin-top: .04rem;
    margin-left: .15rem;
}
.orderAlll {
    padding: .35rem 0;
}
.orderAl, .orderAlll {
    width: 90%;
    margin-left: 5%;
}
.orderAR img {
    width: .15rem;
    margin-top: .04rem;
    margin-left: .15rem;
}
.orderAT img {
    width: .3rem;
    height: .3rem;
    margin-top: .02rem;
    margin-right: .1rem;
}
.userBgBut, .userBgBut img {
    height: 1.38rem;
}
.userBgBut {
    margin-top: .12rem;
}
.userBgBut, .userBgBut img {
    height: 1.38rem;
}
.userTu {
    background: #009fe8;
    width: 90%;
    margin-top: 10px;
    margin-left: 5%;
    border-radius: 10px;
}
.userTu span {
    width: 100%;
    display: block;
    margin-left: 2%;
    color: #fff;
    text-align: center;
    padding: 3% 0;
    border-radius: .16rem;
}
.tankuan, .tankuang {
    display: none;
    position: fixed;
    width: 90%;
    left: 5%;
    top: 30%;
    background-color: #fff;
    z-index: 1234;
}
.tishiT, .tishiTit {
    padding: .25rem 0;
}
.but, .butt {
    padding: .3rem;
}
.but span, .butt span {
    height: .75rem;
    line-height: .75rem;
}
.but span {
    width: 100%;
    background: #ccc;
}
.userBgShopping li .userBgHulImg {
    margin-left: 32%;
    background-size: 100% 100%;
}
.userBgShopping li .userBgHulImg01 {
    width: .5rem;
    height: .42rem;
    background: url(../images/member_shopcart_new.png) no-repeat;
}
.userBgShopping li span {
    margin-top: 6%;
}
.userBgShopping li .userBgHulImg {
    margin-left: 32%;
    background-size: 100% 100%;
}
.userBgShopping li span {
    margin-top: 6%;
}
.userBgHulImg {
    background-size: 100% 100%;
    margin-left: 37%;
    position: relative;
}
.favouriteImg {
    width: .54rem;
    height: .42rem;
    background: url(../images/member_collection_new.png) no-repeat;
}